<template>
  <view class="meeting">
    <pit-search placeholder="请输入班组"></pit-search>
    <view class="meeting-content">
      <view v-for="(item,index) in meetlist" :key="index" class="meeting-content-item">
        <img src="/static/home/workbench/quality_testing_empty.png" alt="空白文件" class="item-img" />
        <view class="item-factor">
          <text class="factor-title">{{item.title}}</text>
          <view class="factor-element">
            <text class="element-title">会议类型：</text>
            <text class="element-text">{{item.meetingTypeName}}</text>
          </view>
          <view class="factor-element">
            <text class="element-title">班组：</text>
            <text class="element-text">{{item.team}}</text>
          </view>
          <view class="factor-element">
            <text class="element-title">会议时间：</text>
            <text class="element-text">{{item.meetingTime}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default{
    name:'pit-meeting',
    props:{
      meetlist:{
        type:Array,
        default: () => []
      }
    },
    data(){
      return{

      }
    },
    methods:{

    }
  }
</script>

<style lang="scss" scoped>
  .meeting{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    .meeting-content{
      flex: 1;
      max-height: calc(100vh - 140px);
      padding: 10px 15px;
      overflow-y: auto;
      .meeting-content-item{
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        padding: 15px;
        justify-content: space-between;
        border-radius: 10px;
        background-color: white;
        .item-img{
          margin-right: 10px;
          width: 80px;
          height: 80px;
        }
        .item-factor{
          flex: 1;
          display: flex;
          flex-direction: column;
          .factor-element{
            display: flex;
            align-items: center;
            .element-title{
              color: rgb(52,67,100);
            }
            .element-text{
              color: rgb(129,143,172);
            }
          }
        }
      }
    }
  }
</style>
